<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <body>
        <!-- 
        具体实现时 
            hash模式使用简单，开发和部署不需要做任何额外的处理 
            history模式，部署的时候需要服务器的支持 
        实现原理上
            hash模式: 通过监听 window.onhashchange 实现 
            history模式, 通过history的api实现，主要是history.pushState这个API -->
    </body>
</html>
